
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>信息填写</title>
<link rel="stylesheet" href="./表单.css">
</head>
<body style="display: flex;justify-content: center;align-items: center;height: 100vh">
	<form action="action.html" method="post">
		<h2>来访预约</h2>
		<div style="width: 100%">
			<label for="name">用户姓名:</label>
        	<input type="text" id="name" name="name" required>
		</div>
		<div style="width: 100%">
			<label for="phone">手机:</label>
        <input type="text" name="phone" required>
		</div>
		
        <br>
		<div style="width: 100%">
			<label for="userid">身份证号:</label>
        <input type="text" name="userid" required>
		</div>
		<div style="width: 100%">
			<label for="pname">参与的项目:</label>
        <input type="text" name="pname" required>
		</div>
		<div style="width: 100%">
			<label for="cardnum">哪个国家:</label>
        <input type="text" name="cardnum" required>
		</div>
		<div style="width: 100%">
			<label for="phone">来访日期:</label>
        <input type="date" name="timestart" required>到<input type="date" name="timeend" required>
		</div>
		<div style="width: 100%">
			<label for="country">来访原因:</label>
        <select id="country" name="country">
            <option value="cn">比赛</option>
            <option value="usa">会友</option>
            <option value="uk">游玩</option>
			<option value="usa">观赛</option>
            <option value="uk">培训</option>
        </select>
        <label>性别:</label>
        <input type="radio" id="male" name="gender" value="male" checked>
        <label for="male">男</label>
			 <label for="female">女</label>
        <input type="radio" id="female" name="gender" value="female">
		</div>
		<div style="width: 100%">
		<label for="reson">其他原因:</label>
		<textarea name="resgo" id="" cols="30" rows="3"></textarea>
		</div>
        <input type="submit" value="提交" style="width: 50px;height: 30px;border-radius: 5px">
    </form>
</body>
</html>
